<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本处理</title>
</head>
<body>
<!--1.文本标签-->
普通文字
<b>加粗文字</b>
<s>删除线文字</s>
<i>斜体文字</i>
<u>下划线文字</u>
<mark>高亮&nbsp;&nbsp;&nbsp;标记文字</mark>
<!--换行标签-->
<br>
<!--&lt;转义符号,在页面显示一个小于号 less than
        &gt;转义符号,在页面显示一个大于号greater than-->
我最喜欢&lt;tom&gt;写的静夜思
<!--2.标题字-->
<!--h1~h6 h4的字号和普通文字一样大-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<h7>七级</h7>
<!--3.段落标签-->
<p>吃葡萄不吐葡萄皮</p>
<p>吃葡萄不吐葡萄皮</p>
<p>吃葡萄不吐葡萄皮</p>
<!--生成假文 先写lorem 再按Tab补全-->
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At aut autem beatae commodi, cupiditate dolores eligendi,
    eos eveniet expedita iure labore obcaecati perferendis qui soluta sunt tempore veniam voluptatem voluptatibus!</p>
<hr>
<!--4.有序列表ordered list
        里边每一条数据称作:列表项 list item-->
<ol type="i">
    <li>把冰箱门打开</li>
    <li>把大象塞进去</li>
    <li>把冰箱门关上</li>
    <li>把冰箱门关上</li>
    <li>把冰箱门关上</li>
    <li>把冰箱门关上</li>
    <li>把冰箱门关上</li>
    <li>把冰箱门关上</li>
    <li>把冰箱门关上</li>
    <li>把冰箱门关上</li>
</ol>
<!--5.无序列表 unordered list 列表项还是li(list item)-->
<!--type="none" 去掉无序列表项前的标识符(黑色实心圆)-->
<ul type="none">
    <li>《Think in java》</li>
    <li>《Java从入门到精通》</li>
    <li>《颈椎康复指南》</li>
</ul>
<hr>
<ul>凉菜
    <ol>
        <li>拍黄瓜</li>
        <li>皮蛋豆腐</li>
        <li>凉拌三丝</li>
    </ol>
</ul>
<ul>热菜
    <ol>
        <li>西红柿牛腩</li>
        <li>水煮肉片</li>
        <li>宫保鸡丁</li>
        <li>溜肉段</li>
    </ol>
</ul>
<ul>主食
    <ol>
        <li>米饭</li>
        <li>面条</li>
    </ol>
</ul>
<hr>
<h1>个人简历</h1>
<hr>
<h2>基本信息</h2>
<p>姓名:<b>传奇哥</b></p>
<p>性别:<i>男</i></p>
<p>爱好:<s>摄影</s></p>
<h2>个人经历</h2>
<ul>
    <li>小学9年</li>
    <li>中学6年</li>
    <li>高中12年</li>
</ul>
<h2>获得荣誉</h2>
<ol>
    <li>机甲收集达人</li>
    <li>玩偶收集达人</li>
</ol>
</body>
</html>